<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text style-3</title>
    <link rel="stylesheet" href="../../model/element.css">
    <link rel="stylesheet" href="../../model/jsFn.css">
</head>
<body>
<div class="catalog">
    <h1>目录</h1>
    <ul>
        <li>
            <p><a href="#element">< text ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
                <li><p><a href="#jsFn_get">get</a></p></li>
                <li><p><a href="#jsFn_set">set</a></p></li>
                <li><p><a href="#jsFn_val">val</a></p></li>
                <li><p><a href="#jsFn_background">background</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <ul>
                <li><p><a href="#childElement_lp">lp</a></p></li>
                <li><p><a href="#childElement_rp">rp</a></p></li>
                <li><p><a href="#childElement_input">input</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>text style-3</h2>
    <div>
        <p>简介:</p>
        <p>最常用标签,大多时候用在个人页面的设置按钮,关于我们按钮,首页的更多按钮</p>
    </div>
</div>
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <xmp>
            <text style="3" height="100" margin="20,3,20,3" padding="6,0,6,0" radius="5">
                <lp>介绍</lp>
                <input filters="300" font="12,#7b7b7b">请输入内容</input>
                <rp font="10,#b5b5b5">300</rp>
            </text>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table>
            <tbody>
            <tr>
                <th>属性</th>
                <th>值</th>
                <th>描述</th>
            </tr>
            <tr>
                <td>无</td>
                <td>无</td>
                <td>无</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>
        <p>text的set方法和group的set方法不完全一样</p>
        <p>默认高度45dp</p>
        <p>宽度占满父布局</p>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/text-style3.png" alt="">
    </div>
</div>
<div id="jsFn">
    <h2>js方法</h2>
    <div id="jsFn_get" class="jsFnModel">
        <h3>get:</h3>
        <p> <a href="../text/text1.html">详见Text Style1 </a></p>
    </div>
    <div id="jsFn_set" class="jsFnModel">
        <h3>set:</h3>
        <p> <a href="../text/text1.html">详见Text Style1 </a></p>
    </div>
    <div class="jsFnModel" id="jsFn_val">
        <h3>val:</h3>
        <p> <a href="../text/text1.html">详见Text Style1 </a></p>
    </div>
    <div class="jsFnModel" id="jsFn_background">
        <h3>background:</h3>
        <p> <a href="../text/text1.html">详见Text Style1 </a></p>
    </div>
</div>
<div id="childElement">
    <h2>子标签</h2>
    <div id="childElement_子标签名字">
        <h3>子标签名字</h3>
        <div id="childElement_lp">
            <h3>lp</h3>
            <p>text左边的文字</p>
            <p>用法参见 <a href="../p/index.html">< p ></a></p>
        </div>
        <div id="childElement_rp">
            <h3>rp</h3>
            <p>text右边的文字</p>
            <p>用法参见 <a href="../p/index.html">< p ></a></p>
        </div>
        <div id="childElement_input">
            <h3>input</h3>
            <p>text中间输入框</p>
            <p>用法参见 <a href="../input/index.html">< input ></a></p>
        </div>
    </div>
</div>
<div class="author">
    <p>by-沛华</p>
</div>
</body>
</html>